<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<link rel="stylesheet" href="./layui/css/layui.css">
<link rel="stylesheet" href="./first.page.css">
<body>
    <!-- 右侧服务导航部分书写 -->
    <ul class="serve">
        <li class="first">
            <img src="./firstpage/小米图片/01.png" alt="">
            <span >手机APP</span> 
            <div class="code">
               <img src="./firstpage/小米图片/download.png" alt="">
                <p>
                    扫码领取新<br>
                    人百元红包
                </p>
            </div>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./firstpage/小米图片/02.png" alt="">
                <span>个人中心</span> 
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./firstpage/小米图片/03.png" alt="">
                <span>售后服务</span> 
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./firstpage/小米图片/04.png" alt="">
                <span>人工客服</span> 
            </a>
        </li>
        <li>
            <a href="javascript:;">
                <img src="./firstpage/小米图片/05.png" alt="">
                <span>购物车</span> 
            </a>
        </li>

    </ul>  
    <!-- 头部部分书写 -->
    <div class="header">
        <div class="contain">
            <div class="left">
                <span>
                    <a href="javascript:;">
                        大米商城
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        MIUI
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        loT
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        云服务
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        天星数科
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        有品
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        小爱开放平台
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        企业团购
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        资质证照
                    </a>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                        协议规则
                    </a>
                </span>
                <span >|</span>
                <span class="app">
                        下载app
                        <span class="code2">
                            <img src="./firstpage/小米图片/download.png" alt="">
                            <p>
                                大米商城APP
                            </p>
                        </span>
                    </li>
                </span>
                <span>|</span>
                <span>
                    <a href="javascript:;">
                       Select Location
                    </a>
                </span>
            </div>
            <div class="right">
                <span>
                    您好，欢迎来到大米！
                    [<a href="./login&regist.html">登录</a>]        
                    [<a href="./login&regist.html">免费注册</a>]
                </span> 
                <span>|</span>
                <span><a href="">我的订单</a></span>
                <span>
                    <a href="">
                    🛒
                    购物车（0） 
                    </a>
                </span>
            </div>
        </div>
    </div>
    <!-- 导航栏部分书写 -->
    <div class="nav">
        <div class="contain">
            <div class="left">
            <img src="./firstpage/小米图片/logo.png" alt="">   
            </div>
            <ul class="one_ul">
                <li class="one_li ">
                        <a href="">Xiaomi手机</a>
                </li>
                <li class="one_li">
                        <a href="">Redmi红米</a>
                </li>
                <li class="one_li">
                    <a href="">电视</a>
                </li>
                <li class="one_li">
                    <a href="">笔记本</a>
                </li>
                <li class="one_li">
                    <a href="">平板</a>
                </li>
                <li class="one_li">
                    <a href="">家电</a>
                </li>
                <li class="one_li">
                    <a href="">路由器</a>
                </li>
                <li class="one_li">
                    <a href="">服务</a> 
                </li>
                <li class="one_li">
                    <a href="">社区</a>
                </li>
            </ul>   
            <form action="#">
                <input type="text" placeholder="显示器"> 
                <svg t="1658993007386" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="2281" width="48" height="48"><path d="M776.3 467c0-84.1-32.8-163.2-92.3-222.7-59.4-59.5-138.5-92.3-222.7-92.3s-163.2 32.8-222.7 92.3-92.3 138.6-92.3 222.7 32.8 163.2 92.3 222.7S377.2 782 461.3 782s163.2-32.8 222.7-92.3c59.6-59.5 92.3-138.6 92.3-222.7z m-315 255c-140.6 0-255-114.4-255-255s114.4-255 255-255 255 114.4 255 255-114.4 255-255 255zM864.4 776.1l-97.5-97.5c-17.7-17.7-46.7-17.7-64.5 0l-19 19c-17.7 17.7-17.7 46.7 0 64.5l97.5 97.5c17.7 17.7 46.7 17.7 64.5 0l19-19c17.7-17.7 17.7-46.7 0-64.5z" fill="#B3B3B3" p-id="2282"></path></svg>
            </form>
        </div>
    </div>
    <!-- 轮播图部分 -->
    <div class="layui-carousel contain" id="test1" style="height:500px;">
        <div carousel-item>
          <div><img src="" alt=""></div>
          <div><img src="" alt=""></div>
          <div><img src="" alt=""></div>
          <div><img src="" alt=""></div>
          <div><img src="" alt=""></div>
        </div>
        <ul class="one_ul">
        </ul>
      </div>
</body>
<script src="./layui/layui.js"></script>
<script src="./common.js"></script>
<script src="./first.page.js"></script>
</html>